@CHARSET "ISO-8859-1";

body {
	background-color: #E6E6E6;
}

.ui-autocomplete {
	max-height: 200px;
	height: auto;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 0px;
}

#formshortestpath {
	position: absolute;
	left: 40px;
    top: 10px;
	width: 350px;
	background-color:#FFFFFF;
	box-shadow: 10px 10px 5px #888888;
	border-radius: 7px;
	z-index: 1;
}

#titletimduong, #titleOption {
	background-color: #4D90FE;
	text-align: center;
	color: #FFFFFF;
	border-radius: 7px;
	height: auto;
	font-size:large;
	cursor:pointer;
}

.info{
	padding: 5px;
}

#map {
	position: absolute;
	width:100%;
    height:100%;
}

#option{
	position: absolute;
	heigth: 30%;
	width: 30%;
	left: 35%;
    top: 10%;
    background-color:#FFFFFF;
    border-radius: 7px;
    box-shadow: 10px 10px 5px #888888;
	z-index: 3;
}

#stationOption, #btnOption{
	padding: 15px;
}

#stationOption {
	max-height: 300px;
	overflow-x:scroll;
}

#opacityMap {
	position: absolute;
    background-color: #70706B;
    opacity:0.6;
    filter:alpha(opacity=60); /* For IE8 and earlier */
    height: 100%;
    width: 100%;
    z-index:2;
}